<!DOCTYPE html>
<html>
<head>
	<title>{$site_seo_title}   {$site_name}</title>
	<meta name="keywords" content="{$site_seo_keywords}" />
	<meta name="description" content="{$site_seo_description}">
	<tc_include file="Public:head" />
	<link href="__TMPL__Public/css/slippry/slippry.css" rel="stylesheet">
	<style>
		.caption-wraper{position: absolute;left:50%;bottom:2em;}
		.caption-wraper .caption{
			position: relative;left:-50%;
			background-color: rgba(0, 0, 0, 0.54);
			padding: 0.4em 1em;
			color:#fff;
			-webkit-border-radius: 1.2em;
			-moz-border-radius: 1.2em;
			-ms-border-radius: 1.2em;
			-o-border-radius: 1.2em;
			border-radius: 1.2em;
		}
		@media (max-width: 767px){
			.sy-box{margin: 12px -20px 0 -20px;}
			.caption-wraper{left:0;bottom: 0.4em;}
			.caption-wraper .caption{
				left: 0;
				padding: 0.2em 0.4em;
				font-size: 0.92em;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-ms-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0;}
			}
		</style>
	</head>
<body class="body-blue">
		<tc_include file="Public:nav" />
		<div class="container">

		        
			
			<div class="row">
				<div class="span9">
	                  <php>
						$lists = sp_sql_posts_paged("cid:2,3;field:post_title,post_excerpt,tid,smeta;order:listorder asc;",10);
						echo "";
				      </php>
				   
					<volist name="lists['posts']"  id="vo">
						<php>

						$smeta=json_decode($vo['smeta'],true);
                   

						</php>
						<div class="tc-gridbox" style="margin-bottom:10px;">

                    


						
							<div class="header clear">


								<div class="span4">
									<div class="item-image b_img">
										<a href="{:leuu('article/index',array('id'=>
											$vo['tid'],'cid'=>$vo['term_id']))}">
											<if condition="empty($smeta['thumb'])">
												<img src="__TMPL__Public/images/default_tupian1.png" class="img-responsive" alt="{$vo.post_title}"/>
												<else />
												<img src="{:sp_get_asset_upload_path($smeta['thumb'])}" class="img-responsive img-thumbnail" alt="{$vo.post_title}" />
											</if>
										</a>
									</div>
								</div>




								<div class="span4">
									<div class="header">
										<h3>
											<a href="{:leuu('article/index',array('id'=>$vo['tid'],'cid'=>$vo['term_id']))}">{$vo.post_title}</a>
										</h3>
									</div>
									<div class="body">
										<p>
											<a href="{:leuu('article/index',array('id'=>
												$vo['tid'],'cid'=>$vo['term_id']))}">{:msubstr($vo['post_excerpt'],0,32)}
											</a>
										</p>
									</div>
								</div>




							</div>





						</div>
					</volist>
					<div class="pagination">
					    <ul>{$lists['page']}</ul>
				    </div>
				
				</div>
				
           





				<div class="span3">
					<div class="tc-box">
						<div class="headtitle">
							<h2>关注我们</h2>
						</div>
						<div class="erweima">
							<img src="__TMPL__Public/images/qrcode.png" />
						</div>
						<h4 style="text-align:center ; ">请关注我们，第一时间收看高清直播</h4>
			<!-- 			<a href="{:U('Home/index/index')}" target="_blank"> <span>网易云信</span></a> -->
					</div>

					<!-- JiaThis Button BEGIN -->
					<div id="ckepop">
						<span class="jiathis_txt">分享到：</span>
						<a class="jiathis_button_weixin">微信</a> 
						<a href="http://www.jiathis.com/share"  class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a>
						<a class="jiathis_counter_style"></a> </div> 
						<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1" charset="utf-8"></script>
					</div> 
					<!-- JiaThis Button END -->

				</div>





			</div>
		
		</div>

		<tc_include file="Public:footer"/>
		<tc_include file="Public:scripts"/>
		<script src="__TMPL__Public/js/slippry.min.js"></script>

		{:hook('footer_end')}
</body>
</html>